<script setup lang="ts">
defineProps<{
  money: number
  car?: string
}>()

// 定义事件的名字及参数
// 参数 1：事件名 changeMoney
// 参数 2-参数n：额外参数 【希望传递等待参数 money 类型 number】
// 返回值： 触发事件的对象 void
const emit = defineEmits<{
  // 回调函数1
  (e: 'changeMoney', money: number): void
  // 回调函数2
  (e: 'changeCar', car: string): void
}>()
</script>

<template>
  <div>
    <h3>我是子组件</h3>
    <div>{{ money }} --- {{ car }}</div>
    <!--  注册事件-->
    <button @click="emit('changeMoney', 10000)">搬砖1一个月</button>
    <button @click="emit('changeCar', '劳斯莱斯')">换车</button>
  </div>
</template>
